@use 'mixins/amixin' as *;
.report {
  min-height: 100vh;
  padding-bottom: 40px;
  background-color: var(--mat-sys-primary-fixed);
  ::ng-deep {
    .dynamic-table {
      padding: 20px;
    }
  }
}

.box {
  border-radius: 4px;
  background-color: var(--mat-sys-surface-container-lowest);
  box-shadow: var(--mat-sys-level1);
  .item {
    height: 650px;
    overflow: auto;
    @include scrollbar(var(--mat-sys-primary));
    &:nth-child(2n) {
      border-radius: 10px;
      border: 10px solid var(--mat-sys-primary-fixed);
    }
  }
  ::ng-deep {
    .chart {
      height: calc(650px - 60px);
    }
    .dynamic-table {
      box-shadow: var(--mat-sys-level1);
    }
  }
}
